<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- <link rel="stylesheet" href="/index/css/style.css"> -->
	<link rel="stylesheet" href="/index/css/org.css">
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <link rel="stylesheet" href="/index/css/bootstrap.min.css" type="text/css">
    <script src="/index/js/bootstrap.min.js"></script> 
	<title>个人中心</title>
	<link rel="stylesheet" type="text/css" href="/index/css/userinfo-base.css">
	<style type="text/css">
		#submit {width: 100px;height: 40px;background: blue;outline: none;border: none}
	</style>
</head>
<body>
	<div class="container-fluid">
  		<div class="row nav1">
		 	<div class="col-md-12 nav1">
		 		<div class="col-md-3 nav">
					<div class="col-md-6"></div>
					<div class="col-md-6">常用设置</div>
		 		</div>
		 		<div class="col-md-6 nav">
		 			<div class="col-md-3"><a href="/">返回首页</a></div>
		 			<div class="col-md-3">小米系列</div>
		 			<div class="col-md-3">oppo系列</div>
		 			<div class="col-md-3">华为系列</div>
		 		</div>
		 		<div class="col-md-3 nav">
		 			<div class="col-md-6">更多商品</div>
		 		</div>
		 	</div>
		</div>
		<div class="row">
			<div class="col-md-5 col-md-offset-1" id="myx">
				<ul>
					<li>
						<a href="http://www.ecmall.com/" style="text-decoration: none">首页&nbsp;>&nbsp;</a>蚂蚁线
					</li>
				</ul>
			</div>
		</div>
		<div class="row">
			<div class="col-md-3" >
				<div class="col-md-7 col-md-offset-5" id="nav-left">
					<ul class="menu">
						<li></li>
						<li></li>
					</ul>
					<ul class="menu">
						<li class="li-title">订单中心</li>
						<li>&nbsp;&nbsp;<a href="order">我的订单</a></li>
						<li>&nbsp;&nbsp;<a href="">我的评价</a></li>
					</ul>
					<ul class="menu">
						<li class="li-title">我的关注</li>
						<li>&nbsp;&nbsp;<a href="">关注商品</a></li>
						<li>&nbsp;&nbsp;<a href="">浏览历史</a></li>
					</ul>
					<ul class="menu">
						<li class="li-title">我的资产</li>
						<li>&nbsp;&nbsp;<a href="">积分信息</a></li>
						<li>&nbsp;&nbsp;<a href="">账户余额</a></li>
					</ul>
					<ul class="menu">
						<li class="li-title">个人设置</li>
						<li id="adds">&nbsp;&nbsp;<a href="address">收货地址</a></li>
						<li>&nbsp;&nbsp;<a href="info">个人信息</a></li>
					</ul>
					<ul class="menu">
						<li class="li-title">安全中心</li>
						<li>&nbsp;&nbsp;<a href="">修改密码</a></li>
						<li>&nbsp;&nbsp;<a href="">收货地址</a></li>
						<li>&nbsp;&nbsp;<a href="">帮助中心</a></li>
					</ul>
				</div>
		 	</div>
		 	<div class="col-md-8">
		 		<div class="row content">
		 			<div class="col-md-12" style="height: 180px;">
		 				<div class="col-md-2" style="height: 180px;padding: 40px;font-size:16px;border-bottom: 1px dotted gray;">
		 				{if !empty($result.username)}
		 					<img src="{$result.usericon}" width="120px" height="120px">
		 				{else}
							<img src="/images/userinfo/photo.jpg" width="100px" height="100px">
		 				{/if}
							<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
							  	<div class="modal-dialog modal-sm" role="document" style="width: 600px;height: 500px">
							   	 	<div class="modal-content" style="padding: 50px">
							      		<form enctype="multipart/form-data" method="post" action="upload">
							      			<div class="row">
		      									<div class="col-md-10" style="font-size: 20px;height: 40px;line-height: 40px;">上传头像(支持不大于1M的jpg/png/gif文件)</div>
		      								</div>
		      								<div class="row">
		      								{if !empty($result.username)}
							 					<img src="{$result.usericon}" width="120px" height="120px">
							 				{else}
												<img src="/images/userinfo/photo.jpg" width="100px" height="100px"><br />
							 				{/if}
							 				</div>
										  		<input type="file" name="image">
										  	<div class="row">
										  		<div class="col-md-6">
										   		<button class="btn-primary" type="submit">上传</button>
										  		</div>
										  	</div>
			 							</form>	
							    	</div>
							 	</div>
							</div>
		 				</div>
		 				<div class="col-md-4" style="height: 180px;padding: 60px;font-size:16px;border-bottom: 1px dotted gray;">
		 					<p><b>{$result.username}</b></p>
		 					<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">修改头像</button>
		 				</div>
		 				<div class="col-md-5" style="height: 180px;font-size:16px;padding: 60px;border-bottom: 1px dotted gray;">
		 					<p>注册时间：{$result.reg_time}</p>
		 					<p>绑定手机：{$result.phone}</p>
		 					<p>绑定邮箱：{$result.email}</p>
		 				</div>
		 			</div>
		 			<div class="col-md-12" style="padding-top:30px ">
		 				<div class="col-md-12" style="height:150px;padding:30px">
		 					<div class="col-md-6">
		 						<div class="col-md-4" style="height:100px;">
		 							<img src="/images/userinfo/portal-icon-1.png">
		 						</div>
		 						<div class="col-md-8" style="background:;height:40px;line-height: 40px">
		 							待支付的订单<br/>
		 							<a href="">查看待支付的订单></a>
		 						</div>
		 					</div>
		 					<div class="col-md-6">
		 						<div class="col-md-4" style="height:100px;">
		 							<img src="/images/userinfo/portal-icon-2.png">
		 						</div>
		 						<div class="col-md-8" style="background:;height:40px;line-height: 40px">
		 							待收货的订单<br/>
		 							<a href="">查看待收货的订单></a>
		 						</div>
		 					</div>
		 				</div>
		 				<div class="col-md-12" style="height:150px;padding:30px">
		 					<div class="col-md-6">
		 						<div class="col-md-4" style="height:100px;">
		 							<img src="/images/userinfo/portal-icon-3.png">
		 						</div>
		 						<div class="col-md-8" style="background:;height:40px;line-height: 40px">
		 							待评价商品数<br/>
		 							<a href="">查看待评价商品></a>
		 						</div>
		 					</div>
		 					<div class="col-md-6">
		 						<div class="col-md-4" style="height:100px;">
		 							<img src="/images/userinfo/portal-icon-4.png">
		 						</div>
		 						<div class="col-md-8" style="background:;height:40px;line-height: 40px">
		 							喜欢的商品<br/>
		 							<a href="">查看喜欢的商品></a>
		 						</div>
		 					</div>
		 				</div>
		 			</div>
		 		</div>
			</div>
		</div>
	</div>
</body>
</html>